import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//移动端适配,用于设置rem基准值
import 'lib-flexible/flexible'
// 导入awesome.css文件(图标)
import './assets/font-awesome/css/font-awesome.css'
//阿里图标库
import './assets/font/iconfont.css'
//导入动画库
import './assets/animate/animate.min.css'
// npm i axios -S
// 卸载 npm uninstall axios -S
import axios from 'axios'
import VueAxios from 'vue-axios'
// 导入控制根元素字体大小文件
import remObj from './until/rem'
// 初始化是设置根元素大小
remObj.initRootEvent();
//导入预处理css样式
import './assets/css/reset.css'
//npm i vant -S
// import "vant/lib/index.css"
//Vue.use(vant);
// 安装swiper :  npm i swiper@5.3.6 -S
import "swiper/css/swiper.min.css"
import {
  Button,
  Tabbar,
  TabbarItem,
  Swipe, 
  SwipeItem,
  Slider,
  Loading,
  Tab, Tabs ,
  Collapse, CollapseItem,icon,
  Form, Field,
  NavBar


} from 'vant'
Vue.config.productionTip = false
Vue.use(VueAxios, axios)
Vue.use(Button)
.use(Tabbar)
.use(TabbarItem)
.use(Swipe)
.use(SwipeItem)
.use(Slider)
.use( Loading)
.use(Tab)
.use(Tabs )
.use(icon)
.use( Collapse)
.use(CollapseItem)
.use(Form)
.use(Field)
.use(NavBar)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
